import axios from 'axios'
import { ElMessage } from 'element-plus'
import { useUserStore } from '@/stores/user'
import { permissionMap } from '@/types/api'
// 导入 mock 数据（仅用于开发测试）
import { mockApi } from './mock'

// ==================== Mock 配置 ====================
// 是否使用 mock 数据
// 设置为 true 时使用模拟数据，false 时使用真实后端 API
// 注意：在部署到生产环境前，请确保将此值设置为 false
const USE_MOCK = true

// ==================== Axios 配置 ====================
// 创建 axios 实例
const service = axios.create({
  baseURL: import.meta.env.VITE_API_BASE_URL || '/api', // API 的 base_url
  timeout: 15000 // 请求超时时间
})

// 请求拦截器
service.interceptors.request.use(
  config => {
    const userStore = useUserStore()
    const token = userStore.token
    
    if (token) {
      config.headers['Authorization'] = `Bearer ${token}`
    }

    // 权限检查
    const url = config.url
    const method = config.method?.toLowerCase()
    
    // 检查是否需要权限验证
    if (url?.includes('/admin/')) {
      const module = url.split('/')[2] // 获取模块名
      const action = method === 'get' ? 'list' : method
      
      if (permissionMap[module]?.[action]) {
        const requiredRole = permissionMap[module][action]
        if (userStore.role !== requiredRole) {
          ElMessage.error('没有操作权限')
          return Promise.reject(new Error('没有操作权限'))
        }
      }
    }

    return config
  },
  error => {
    console.error('Request error:', error)
    return Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  response => {
    const res = response.data
    
    // 如果响应成功
    if (res.code === 200) {
      return res
    }
    
    // 处理特定错误码
    switch (res.code) {
      case 401:
        // 未登录或token过期
        const userStore = useUserStore()
        userStore.logout()
        ElMessage.error('登录已过期，请重新登录')
        break
      case 403:
        ElMessage.error('没有操作权限')
        break
      case 404:
        ElMessage.error('请求的资源不存在')
        break
      case 500:
        ElMessage.error('服务器错误')
        break
      default:
        ElMessage.error(res.msg || '请求失败')
    }
    
    return Promise.reject(new Error(res.msg || '请求失败'))
  },
  error => {
    console.error('Response error:', error)
    
    // 处理网络错误
    if (error.code === 'ECONNABORTED') {
      ElMessage.error('请求超时')
    } else if (!error.response) {
      ElMessage.error('网络错误')
    } else {
      ElMessage.error(error.message || '请求失败')
    }
    
    return Promise.reject(error)
  }
)

// ==================== Mock 请求处理 ====================
// 包装请求方法以支持 mock
const request = async (config) => {
  if (USE_MOCK) {
    // 从 URL 中提取方法名
    const methodName = config.url.split('/').pop()
    if (mockApi[methodName]) {
      try {
        return await mockApi[methodName](config.params || config.data)
      } catch (error) {
        console.error('Mock API error:', error)
        throw error
      }
    }
  }
  // 如果不使用 mock 或没有对应的 mock 方法，则使用真实 API
  return service(config)
}

// 导出请求方法
export default request

// ==================== 使用说明 ====================
/*
1. 开发环境配置：
   - 设置 USE_MOCK = true 使用模拟数据
   - 设置 USE_MOCK = false 使用真实后端 API

2. 生产环境配置：
   - 必须设置 USE_MOCK = false
   - 确保 VITE_API_BASE_URL 环境变量正确配置

3. 恢复真实 API：
   - 将 USE_MOCK 设置为 false
   - 确保后端服务器正常运行
   - 检查 VITE_API_BASE_URL 配置是否正确

4. 注意事项：
   - mock 数据仅用于开发测试
   - 部署前必须切换到真实 API
   - 保持 mock 数据与真实 API 响应格式一致
*/ 